<!-- 引入模板文件 -->
<!-- 注意：引用的是绝对路径 -->
<extend name="./Application/templete/base.html"/>    

<!-- 页面标题 -->
<block name="title"><title>Index/login</title></block>

<!-- 添加该页面对应需要的css文件 -->
<block name="link">
  <link rel="shortcut icon" src="./favicon.ico" />
  <link rel="stylesheet" type="text/css" href="../../../Public/source/layui/css/layui.css">
  <link rel="stylesheet" type="text/css" href="../../../Public/source/css/css1.css">
   
</block>


<!-- 右下侧的主体内容 主要内容在此处写 -->
<block name="content">
        <div class="layui-body">
            <div class="form">
               <!-- 代码从此次开始写，外层两个div不建议删除 -->
               <div class="layui-form-id">
                   <label class="layui-form-label">培训编号</label>
                    <div class="layui-input-inline">
                      <input type="text"  autocomplete="off" class="layui-input">
                    </div>
               </div>

               <div class="layui-inline">
                 <label class="layui-form-label">日期</label>
                  <div class="layui-input-inline">
                    <input class="layui-input" id="test1" type="text" placeholder="yyyy-MM-dd">
                  </div>
               </div>

               <div class="layui-form-item">
                   <label class="layui-form-label">培训负责人</label>
                    <div class="layui-input-inline">
                      <input type="text"  autocomplete="off" class="layui-input">
                    </div>
               </div>

               <div class="layui-form-item1">
                   <label class="layui-form-label">培训人员</label>
                    <div class="layui-input-inline">
                       <textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
                    </div>
               </div>

               <div class="layui-form-item2">
                   <label class="layui-form-label">培训大概内容</label>
                    <div class="layui-input-inline">
                       <textarea name="" required lay-verify="required" placeholder="请输入" class="layui-textarea"></textarea>
                    </div>
               </div>

               <div class="layui-form-item3">
                   <label class="layui-form-label">培训内容记录</label>
                        <button type="button" class="layui-btn" id="test2" >
                          <i class="layui-icon">&#xe67c;</i>上传图片
                        </button>

                        <button type="button" class="layui-btn" id="test3" >
                          <i class="layui-icon">&#xe67c;</i>上传文件
                        </button>
               </div>

               <div class="layui-btn-group">
                  <button class="layui-btn">保存</button>
                  <button class="layui-btn">编辑</button>
                  <button class="layui-btn">删除</button>
               </div>

               <div class="layui-card-header">思政培训统计</div>
                  <div class="layui-card-body">
                    <div class="grid-demo">应到：<input type="text" name=""></div>
                    <div class="grid-demo">已到：<input type="text" name=""></div>
                    <div class="grid-demo">未到：<input type="text" name=""></div>
                    <div class="grid-demo">迟到：<input type="text" name=""></div>
                    <div class="grid-demo">请假：<input type="text" name=""></div>
                  </div>
               </div>


                
              
        </div>
    </div>
</block>  





<!-- 引入或写js代码 -->
<block name="js">
  <script src="../../../Public/source/layui/layui.js"></script>
  <!-- <script src="../../Application/build/layui.js"></script> -->
  <script>
  //JavaScript代码区域
  layui.use('element', function(){
    var element = layui.element;
    
  });
</script>

<script src="/static/build/layui.js"></script>
<script>
layui.use('laydate', function(){
  var laydate = layui.laydate;
  
  //执行一个laydate实例
  laydate.render({
    elem: '#test1' //指定元素
  });
});
</script>


<!-- 上传图片 -->
<script>  
layui.use('upload', function(){
  var upload = layui.upload;
   
  //执行实例
  var uploadInst = upload.render({
    elem: '#test2' //绑定元素
    ,url: '/upload/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
});
</script>

 // 上传文件
<script>  
layui.use('upload', function(){
  var upload = layui.upload;
   
  //执行实例
  var uploadInst = upload.render({
    elem: '#test3' //绑定元素
    ,url: '/upload/' //上传接口
    ,done: function(res){
      //上传完毕回调
    }
    ,error: function(){
      //请求异常回调
    }
  });
});
</script>
</block>